import "./index.css";

import React from "react";
import { useNavigate } from "react-router-dom"
import cartImg from "./img/carticon.png";

export default function EmptyCart() {
  const navigate = useNavigate();
  function backHome() {
    navigate("/home");
  }
  return (
    <div id="tyc_empty_cart">
      <ul>
        <li className="tyc_fristli">我的购物车</li>
        <li>确认订单信息</li>
        <li className="tyc_lastli">订单提交成功</li>
      </ul>
      <div id="tyc_empty_cart_box">
        <img src={cartImg} alt="" />
        <div>
          <p>您的购物车是空的</p>
          <button onClick={backHome}>去首页看看</button>
        </div>
      </div>
    </div>
  );
}
